<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta name="screen-orientation" content="portrait" />
    <meta name="x5-orientation" content="portrait" />
    <meta name="wap-font-scale" content="no" />
    <meta name="msapplication-tap-highlight" content="no" />
    <title>主页</title>
    <link rel="stylesheet" href="css/reset.css"/>
    <link rel="stylesheet" href="css/index.css"/>
</head>
<body>
   <div class="main-page">
       <div class="content">
           <div class="content-top">
               <ul class="box-flex">
                   <li class="nav-item">
                       <a href="javascript:;"  class="tap-wrapper">
                           <span class="icon icon-receipt"></span>
                           <span class="text">收款</span>
                       </a>
                   </li>
                   <li class="nav-item">
                       <a href="javascript:;"  class="tap-wrapper">
                           <span class="icon icon-Reconciliation"></span>
                           <span class="text">对账</span>
                       </a>
                   </li>
                   <li class="nav-item">
                       <a href="javascript:;"  class="tap-wrapper">
                           <span class="icon icon-statistics"></span>
                           <span class="text">统计</span>
                       </a>
                   </li>
               </ul>
           </div>
           <div class="Headlines">
               <p class="text">【更新】钱客多(V3.8.0)版本...</p>
           </div>
           <div class="data-today">
              <h2 class="section-title">今日数据</h2>
              <div class="box-flex data-wrapper">
                  <div class="data-item">
                      <span class="title">营收(元)</span>
                      <span class="number">168.00</span>
                  </div>
                  <div class="data-item">
                      <span class="title">会员(人)</span>
                      <span class="number">0</span>
                  </div>
              </div>
           </div>
           <div class="service">
               <h2 class="section-title">基础服务</h2>
               <ul class="box-flex">
                   <li class="service-item">
                       <a href="javascript:;" class="service-tap">
                           <span class="service-icon icon-member"></span>
                           <span class="text">会员</span>
                       </a>
                   </li>
                   <li class="service-item">
                       <a href="javascript:;" class="service-tap">
                           <span class="service-icon icon-coupon"></span>
                           <span class="text">优惠券</span>
                       </a>
                   </li>
                   <li class="service-item">
                       <a href="javascript:;" class="service-tap">
                           <span class="service-icon icon-marketing"></span>
                           <span class="text">营销</span>
                       </a>
                   </li>
                   <li class="service-item">
                       <a href="javascript:;" class="service-tap">
                           <span class="service-icon icon-cashier"></span>
                           <span class="text">收银员</span>
                       </a>
                   </li>
                   <li class="service-item">
                       <a href="javascript:;" class="service-tap">
                           <span class="service-icon icon-ad"></span>
                           <span class="text">广告中心</span>
                       </a>
                   </li>
                   <li class="service-item">
                       <a href="javascript:;" class="service-tap">
                           <span class="service-icon icon-service"></span>
                           <span class="text">服务市场</span>
                       </a>
                   </li>
               </ul>
           </div>
           <div class="service">
               <h2 class="section-title">高级服务</h2>
               <ul class="box-flex">
                   <li class="service-item">
                       <a href="javascript:;" class="service-tap">
                           <span class="service-icon icon-fire"></span>
                           <span class="text">火餐</span>
                       </a>
                   </li>
               </ul>
           </div>
       </div>
       <nav class="footer-nav">
           <a href="javascript:;" class="tap-item active">
               <span class="icon-nav nav-index"></span>
               <span class="text">首页</span>
           </a>
           <a href="javascript:;" class="tap-item">
               <span class="icon-nav nav-invoice"></span>
               <span class="text">单据</span>
           </a>
           <a href="javascript:;" class="tap-item">
               <span class="icon-nav nav-message"></span>
               <span class="text">消息</span>
           </a>
           <a href="javascript:;" class="tap-item">
               <span class="icon-nav nav-user"></span>
               <span class="text">我的</span>
           </a>
       </nav>
   </div>
</body>
</html>